/* This source code is exported from pxCode, you can get more document from https://www.pxcode.io */
.untitled-page-block {
  display: flex;
  flex-direction: column;}

.untitled-page-block.layout {
  position: relative;
  flex-shrink: 0; }

.untitled-page-block1 {
  display: flex;
  flex-direction: column;
  background-color: #021b4cc2;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.247059); }

.untitled-page-block1.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  width: auto; 
  /* 原本是300px */
  min-width: 300px;
}

.untitled-page-block2 {
  display: flex;
  flex-direction: column;
  /* background: var(--src) center center/contain no-repeat; } */
  background: url(/leftdrawer/assets/19088128016f4fb0000535472762b48d.png) center center/contain no-repeat; }
  

.untitled-page-block2.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 1px 0px 0px; }

.untitled-page-highlights {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 16px/1.2 "Inter", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: 0px; }

.untitled-page-highlights.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 4.5px 0px 2.5px; }

.untitled-page-flex {
  display: flex;
  flex-direction: column; }

.untitled-page-flex.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 10px 13px 0px; }

.untitled-page-flex-item {
  display: flex;
  flex-direction: column;
  position: relative; }

.untitled-page-cover-block {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.098);
  border-style: solid;
  border-width: 1px;
  border-radius: 2px 2px 2px 2px; }

.untitled-page-cover-block.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.untitled-page-icon {
  background: url(/leftdrawer/assets/7a5336dc79d7128d216a78db74eecf7f.png) center center/contain no-repeat;
  width: 100%;
  height: 100%; }

.untitled-page-flex1 {
  display: flex;
  flex-direction: column; }

.untitled-page-flex1.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 25px 21px 0px 1.5px; }

.untitled-page-flex2 {
  display: flex; }

.untitled-page-flex2.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.untitled-page-highlights1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 16px/1.2 "Inter", Helvetica, Arial, serif;
  color: #699bf7;
  text-align: center;
  letter-spacing: 0px; }

.untitled-page-highlights1.layout {
  position: relative;
  flex: 0 0 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.untitled-page-flex2-spacer {
  flex: 0 1 206.5px; }

.untitled-page-flex2-item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 16px; }

.untitled-page-image2 {
  background: var(--src) center center/contain no-repeat; }

.untitled-page-image2.layout {
  position: relative;
  height: 8px;
  width: 16px;
  min-width: 16px;
  margin: 5px 0px 7px; }

.untitled-page-flex3 {
  display: flex;
  flex-direction: column; }

.untitled-page-flex3.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 14px 0px 0px 18.5px; }

.untitled-page-block3 {
  display: flex;
  flex-direction: column;
  background-color: rgba(196, 196, 196, 0.607);
  border-radius: 2px 2px 2px 2px; }

.untitled-page-block3.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content; }

.untitled-page-flex4 {
  display: flex; }

.untitled-page-flex4.layout {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 4.5px 12px; }

.untitled-page-highlights.layout1 {
  position: relative;
  flex: 0 0 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 0px 0px 1px; }

.untitled-page-flex4-spacer {
  flex: 0 1 58.5px; }

.untitled-page-highlights2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 16px/1.2 "Inter", Helvetica, Arial, serif;
  color: #047709;
  text-align: center;
  letter-spacing: 0px; }

.untitled-page-highlights2.layout {
  position: relative;
  flex: 0 0 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 0.5px 0px; }

.untitled-page-flex4-spacer1 {
  flex: 0 1 8.5px; }

.untitled-page-flex4-item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 15px; }

.untitled-page-image3 {
  background: var(--src) center center/contain no-repeat; }

.untitled-page-image3.layout {
  position: relative;
  height: 16px;
  width: 8px;
  min-width: 8px;
  margin: 2.5px 7px 2.5px 0px; }

.untitled-page-block3.layout1 {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 14px 0px 0px; }

.untitled-page-highlights.layout2 {
  position: relative;
  flex: 0 0 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 0px 0px 1px; }

.untitled-page-flex4-spacer2 {
  flex: 0 1 8.5px; }

.untitled-page-block3.layout2 {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 14px 0px 0px; }

.untitled-page-highlights.layout3 {
  position: relative;
  flex: 0 0 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 0px 0px 1px; }

.untitled-page-flex4-spacer3 {
  flex: 0 1 8.5px; }

.untitled-page-block3.layout3 {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 14px 0px 0px; }

.untitled-page-highlights.layout4 {
  position: relative;
  flex: 0 0 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 0px 0px 1px; }

.untitled-page-flex4-spacer4 {
  flex: 0 1 8.5px; }

.untitled-page-block3.layout4 {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 14px 0px 0px; }

.untitled-page-highlights.layout5 {
  position: relative;
  flex: 0 0 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 0px 0px 1px; }

.untitled-page-flex4-spacer5 {
  flex: 0 1 8.5px; }

.untitled-page-image1 {
  background: url(../assets/7a5336dc79d7128d216a78db74eecf7f.png) center center/contain no-repeat; }

.untitled-page-image1.layout {
  position: relative;
  height: 29px;
  margin: 1px 0px 0px; }
